<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>中网商联网站管理系统</title>
    <meta name="keywords" content="中网商联网站管理系统">
    <meta name="description" content="中网商联网站管理系统">

    <!-- Le styles -->
    <link rel="stylesheet" type="text/css" href="lib/font-awesome/css/font-awesome.css">
    <link href="lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    <link href="css/layoutit.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="lib/simditor/site/assets/styles/simditor.css">
    <link rel="stylesheet" href="lib/jquery-jcrop/css/jquery.Jcrop.css">
    <link rel="stylesheet" href="lib/lightbox/css/lightbox.min.css">
    <link rel="stylesheet" href="lib/spectrum/spectrum.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->

    <script src="lib/jquery/dist/jquery.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/jquery.htmlClean.js"></script>
    <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="lib/simditor/site/assets/scripts/module.js"></script>
    <script src="lib/simditor/site/assets/scripts/hotkeys.js"></script>
    <script src="lib/simditor/site/assets/scripts/uploader.js"></script>
    <script src="lib/simditor/site/assets/scripts/simditor.js"></script>
    <!--分页-->
    <script src="lib/jquery-paginator/jqPaginator.js"></script>
    <!--滚动文字-->
    <script src="js/jquery.kxbdmarquee.js"></script>
    <!--颜色选择器-->
    <script src="lib/spectrum/spectrum.js"></script>
    <script src="lib/spectrum/docs.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/analaydata.js"></script>

    <script src="lib/jquery-fileupload/jquery.fileupload.js"></script>
    <script src="lib/jquery-fileupload/jquery.iframe-transport.js"></script>
    <script src="lib/jquery-fileupload/vendor/jquery.ui.widget.js"></script>
    <script src="lib/jquery-jcrop/js/jquery.Jcrop.js"></script>
    <script src="lib/lightbox/js/lightbox.min.js"></script>
    <script src="js/picture.js"></script>

</head>
<body style="min-height: 824px;" class="edit">
<!--头部样式-->
<div id="header">
    <div class="container outerBox" style="padding-top:20px;padding-bottom: 20px;">
        <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <img src="" alt=""  height="50px" id="logo">
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <div class="contactBox pull-right">
                    <i class="fa fa-phone pull-left headerContactIcon" style="font-size: 3em;line-height:1.2em;"></i>
                    <div class="pull-left">
                        <div class="headerContactTitle">咨询服务热线</div>
                        <div class="headerContactTel" style="font-size: 20px;color: #444444;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--导航 start-->
<nav class="navbar navbar-default" role="navigation">
    <div class="container outerBox">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav" id="nav">
            </ul>
        </div>
    </div>
</nav>
<!--全屏轮播-->
<div class="carousel slide" id="fullCarousel">

</div>
<!--主要内容-->
<div class="container outerBox">
    <div class="row">
        <div class="">
            <div class="left-panel">
                <div class="left-hand">
                    <a href="javascript:void(0)" title="模板"><i class="fa fa-home"></i></a><!--模板-->
                    <a href="javascript:void(0)" class="choosem" title="页面"><i class="fa fa-file-o"></i></a><!--页面-->
                    <a href="javascript:void(0)" title="组件"><i class="fa fa-th-list"></i></a><!--组件-->
                    <a href="javascript:void(0)" title="文章管理"><i class="fa fa-text-width"></i></a><!--文章-->
                    <a href="javascript:void(0)" title="相册"><i class="fa fa-file-photo-o"></i></a><!--相册-->
                    <a title="Top设置" data-toggle="modal" data-target="#topSetting"><i class="fa fa-tags"></i></a><!--系统留言-->
                    <a title="网站设置" data-toggle="modal" data-target="#webSetting"><i class="fa fa-cog"></i></a><!--网站设置-->
                    <a title="悬浮框设置" data-toggle="modal" data-target="#suspension"><i class="fa fa-th-large"></i></a><!--悬浮框设置-->
                </div>
            </div>
            <div class="leftSet">
                <button type="button" class="btn btn-primary" id="button-download-modal">
                    <i class="glyphicon-saved glyphicon"></i>保存
                </button>
                <a class="btn btn-primary" href="" target="_blank" id="sourcepreview">
                    <i class="glyphicon-eye-open glyphicon"></i>预览
                </a>
                <!--<button type="button" class="btn btn-primary" id="sourcepreview">-->
                    <!--<i class="glyphicon-eye-open glyphicon"></i>预览-->
                <!--</button>-->
                <button class="btn btn-primary" href="#clear" id="clear">
                    <i class="glyphicon-trash glyphicon"></i>清空
                </button>
                <div id="saveInfo" style="margin: 15px;color:red;" class="hidden">
                    保存成功！
                </div>
            </div>
            <button id="handle" class="btn btn-primary on">
                <i class="fa fa-arrow-left"></i>
            </button>
            <div class="sidebar-nav hidden">
                <div class="leftMainTitle">模板库</div>
                <div class="templetList">
                </div>
            </div>
            <div class="sidebar-nav" id="pageBox">
                <div class="leftMainTitle">网站页面</div>
                <div class='leftMainItem' data-id='1' style="padding:0px 10px 0px 23px;">
                    <a href='javascript:;' class='leftMainItemName pageAct'>网站首页</a>
                    <input type='text' style='display: none;' class='inputLeftMainItemName'>
                    <span class="edit" style="padding-right: 31px;">
                        <a class='leftMainItemNameEdit pageCarousel' data-toggle='modal' data-target='#fullCarouse' data-id='1'><i class='fa fa-picture-o'></i></a>
                    </span>
                </div>
                <div class="leftMainList" id="pageList">
                </div>
                <div style="text-align: center;margin-top:15px;">
                    <input type="text" placeholder="请输入文件夹名称" style="display: none;margin-bottom:10px;" id="inputPageAdd">
                    <button class="btn btn-info" id="pageAdd"><i class="fa fa-plus"></i>添加页面</button>
                </div>
            </div>
            <div class="sidebar-nav hidden">
                <!--布局设置-->
                <ul class="nav nav-list">
                    <li class="nav-header">
                        <i class="glyphicon-plus glyphicon"></i>
                        布局设置
                    </li>
                    <li class="rows" id="estRows">
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon-remove glyphicon"></i>删除
                            </a>
                            <span class="drag label label-default">
                                <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <div class="preview">
                                <input value="12" class="form-control" type="text"></div>
                            <div class="view">
                                <div class="row clearfix">
                                    <div class="col-md-12 column"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon-remove glyphicon"></i>删除
                            </a>
                            <span class="drag label label-default">
                              <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <div class="preview">
                                <input value="6 6" class="form-control" type="text"></div>
                            <div class="view">
                                <div class="row clearfix">
                                    <div class="col-md-6 column"></div>
                                    <div class="col-md-6 column"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon-remove glyphicon"></i>删除
                            </a>
                            <span class="drag label label-default">
                              <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <div class="preview">
                                <input value="8 4" class="form-control" type="text"></div>
                            <div class="view">
                                <div class="row clearfix">
                                    <div class="col-md-8 column"></div>
                                    <div class="col-md-4 column"></div>
                                </div>
                            </div>
                        </div>

                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon-remove glyphicon"></i>删除
                            </a>
                            <span class="drag label label-default">
                              <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <div class="preview">
                                <input value="4 4 4" class="form-control" type="text"></div>
                            <div class="view">
                                <div class="row clearfix">
                                    <div class="col-md-4 column"></div>
                                    <div class="col-md-4 column"></div>
                                    <div class="col-md-4 column"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon-remove glyphicon"></i>删除
                            </a>
                            <span class="drag label label-default">
                              <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <div class="preview">
                                <input value="2 6 4" class="form-control" type="text">
                            </div>
                            <div class="view">
                                <div class="row clearfix">
                                    <div class="col-md-2 column"></div>
                                    <div class="col-md-6 column"></div>
                                    <div class="col-md-4 column"></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <!--css-->
                <ul class="nav nav-list">
                    <li class="nav-header">
                        <i class="glyphicon glyphicon-plus"></i>
                        组件设置
                    </li>
                    <li class="boxes" id="elmBase">
                        <!--单段文字-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
                                <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#editTxt">编辑</button>
                            </span>
                            <div class="preview">单段文字</div>
                            <div class="view">
                                <h3 class="pTitleBox">
                                    <span class="pTitle">项目标题</span>
                                    <small class="pSubTitle">项目小标题</small>
                                </h3>
                                <div class="txt">
                                    <p>这是需要输入的内容 </p>
                                </div>
                            </div>
                        </div>
                        <!-- 单张图片 -->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
                                <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs editPic" data-toggle="modal" data-target="#editPic">编辑</button>
                            </span>
                            <div class="preview">单张图片</div>
                            <div class="view">
                                <a href="">
                                    <img alt="140x140" src="/img/default_004.jpg" style="max-width: 100%;">
                                </a>
                            </div>
                        </div>
                        <!--滚动文字-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
                                <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#editTxt">编辑</button>
                            </span>
                            <div class="preview">滚动文字</div>
                            <div class="view">
                                <h3 class="pTitleBox">
                                    <span class="pTitle">项目标题</span>
                                    <small class="pSubTitle">项目小标题</small>
                                </h3>
                                <div class="marquee">
                                    <div class="txt"><p>这里是滚动文字需要输入的内容</p></div>
                                </div>
                                <div class="marqueeHidden">
                                    <p>这里是滚动文字需要输入的内容 </p>
                                </div>
                            </div>
                        </div>
                        <!--多条文章-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
                                <i class="glyphicon glyphicon-move"></i>拖动
                            </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#editDisplayArticle">编辑</button>
                            </span>
                            <div class="preview">多条文章</div>
                            <div class="view">
                                <h3 class="pTitleBox">
                                    <span class="pTitle">项目标题</span>
                                    <small class="pSubTitle">项目小标题</small>
                                </h3>
                                <div class="articleList" id="myArticle">
                                    <div class="noContTip">
                                        <i class="fa fa-info-circle" aria-hidden="true"></i>
                                        还没有任何文章哦~~
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--多图轮播-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
							    <i class="glyphicon glyphicon-move"></i>拖动
						    </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs editPic" data-toggle="modal" data-target="#editMultiPic">编辑</button>
                            </span>
                            <div class="preview">多图轮播</div>
                            <div class="view">
                                <div class="carousel slide" id="myCarousel">
                                    <ol class="carousel-indicators">
                                        <li class="active" data-slide-to="0" data-target="#myCarousel"></li>
                                        <li data-slide-to="1" data-target="#myCarousel" class=""></li>
                                        <li data-slide-to="2" data-target="#myCarousel" class=""></li>
                                    </ol>
                                    <div class="carousel-inner">
                                        <div class="item active">
                                            <img alt="" src="/img/default_008.jpg">
                                        </div>
                                        <div class="item">
                                            <img alt="" src="/img/default_003.jpg">
                                        </div>
                                        <div class="item">
                                            <img alt="" src="/img/default_005.jpg">
                                        </div>
                                    </div>
                                    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left"></span>
                                    </a>
                                    <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right"></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!--多块媒体-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
							    <i class="glyphicon glyphicon-move"></i>拖动
						    </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs editPic" data-toggle="modal" data-target="#editMedia">编辑</button>
                            </span>
                            <div class="preview">多块媒体</div>
                            <div class="view">
                                <h3 class="titleBox">
                                    <span class="title">项目标题</span>
                                    <small class="subTitle">项目小标题</small>
                                </h3>
                                <div class="mediaList clearfix">
                                    <div class="onerow">
                                        <div class="col-md-6 the-item">
                                            <div class="media-wrapper">
                                                <img src="/img/default.jpg" alt="" width="100%" height="100%">
                                                <input type="hidden" value=""/>
                                            </div>
                                            <div class="memo-wrapper">
                                                <h4 class="memoName">标题</h4>
                                                <div class="memoDesc">说明信息</div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 the-item">
                                            <div class="media-wrapper">
                                                <img src="/img/default.jpg" alt="" width="100%" height="100%">
                                                <input type="hidden" value=""/>
                                            </div>
                                            <div class="memo-wrapper">
                                                <h4 class="memoName">标题</h4>
                                                <div class="memoDesc">说明信息</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="onerow">
                                        <div class="col-md-6 the-item">
                                            <div class="media-wrapper">
                                                <img src="/img/default.jpg" alt="" width="100%" height="100%">
                                                <input type="hidden" value=""/>
                                            </div>
                                            <div class="memo-wrapper">
                                                <h4 class="memoName">标题</h4>
                                                <div class="memoDesc">说明信息</div>
                                            </div>
                                        </div>
                                        <div class="col-md-6"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--相册展示-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
							    <i class="glyphicon glyphicon-move"></i>拖动
						    </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs editPic" data-toggle="modal" data-target="#editAlbum">编辑</button>
                            </span>
                            <div class="preview">相册展示</div>
                            <div class="view">
                                <h3 class="titleBox">
                                    <span class="title">项目标题</span>
                                    <small class="subTitle">项目小标题</small>
                                </h3>
                                <div class="albumList row" id="myAlbum">
                                    <div class="noContTip">
                                        <i class="fa fa-info-circle" aria-hidden="true"></i>
                                        还没有任何图片哦~~
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--联系我们-->
                        <div class="box box-element ui-draggable">
                            <a href="#close" class="remove label label-danger">
                                <i class="glyphicon glyphicon-remove"></i>删除
                            </a>
                            <span class="drag label label-default">
							    <i class="glyphicon glyphicon-move"></i>拖动
						    </span>
                            <span class="configuration">
                                <button type="button" class="btn btn-default btn-xs editPic" data-toggle="modal" data-target="#editContact">编辑</button>
                            </span>
                            <div class="preview">联系我们</div>
                            <div class="view">
                                <h3 class="titleBox">
                                    <span class="title">联系我们</span>
                                    <small class="subTitle"></small>
                                </h3>
                                <div class="contactCnt" data-linkman="true" data-mobile="true" data-abstract="true" data-address="true">
                                    <div class="company-desc">
                                        <div class="m-header">
                                            <div><i class="fa fa-sitemap"
                                                    style="color: rgb(27, 57, 145);"></i> 公司简介
                                            </div>
                                        </div>
                                        <div class="company-desc-content">
                                            <span class="the-desc"></span>
                                        </div>
                                        <div class="dashed-line"></div>
                                    </div>
                                    <div class="contact-type">
                                        <div class="m-header">
                                            <div><i class="fa fa-handshake-o"
                                                    style="color: rgb(27, 57, 145);"></i> 联系方式
                                            </div>
                                        </div>
                                        <div class="contact-type-content">
                                            <div class="contact-detail">
                                                <i class="fa fa-user"></i> 联系人&nbsp;:&nbsp;<span class="the-linkman"></span>
                                            </div>
                                            <div class="contact-detail">
                                                <i class="fa fa-phone"></i><span class="the-phone"></span>
                                            </div>
                                        </div>
                                        <div class="dashed-line"></div>
                                    </div>
                                    <div class="contact-address">
                                        <div class="m-header">
                                            <div><i class="fa fa-map-signs"
                                                    style="color: rgb(27, 57, 145);"></i> 公司地址
                                            </div>
                                        </div>
                                        <div class="contact-address-content">
                                            <div class="contact-detail" style="display: inline-block;">
                                                <span class="the-address"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sidebar-nav hidden">
                <div class="leftMainTitle">文章文件夹</div>
                <div class="leftMainList" id="articleList">
                </div>
                <div style="text-align: center;margin-top:15px;">
                    <input type="text" placeholder="请输入文件夹名称" style="display: none;margin-bottom:10px;" id="inputArticleFolderAdd">
                    <button class="btn btn-info" id="articleFolderAdd"><i class="fa fa-plus"></i>添加文件夹</button>
                </div>
            </div>
            <div class="sidebar-nav hidden">
                <div class="leftMainTitle">相册文件夹</div>
                <div class="leftMainList" id="albumList">
                </div>
                <div style="text-align: center;margin-top:15px;">
                    <input type="text" placeholder="请输入文件夹名称" style="display: none;margin-bottom:10px;" id="inputAlbumFolderAdd">
                    <button class="btn btn-info" id="albumFolderAdd"><i class="fa fa-plus"></i>添加文件夹</button>
                </div>
            </div>
        </div>
        <!--demo start-->
        <div style="min-height: 754px;" class="demo ui-sortable"></div>
        <!--demo end-->
        <div id="download-layout">
            <div class="container"></div>
        </div>
    </div>
</div>
<!--底部-->
<footer id="footer">
    <div class="container outerBox">
        <ul class="myNav">
        </ul>
        <!--<p class="vendor">-->
            <!--本站由-->
            <!--<a href="#"><img src="img/footerlogo.png" alt="" class="footerLogo"></a>-->
            <!--精品官网™ 匠心搭建-->
        <!--</p>-->
        <!--<div class="companyRecord">-->
            <!--<a href="http://www.shjbzx.cn" target="_blank" rel="nofollow">-->
                <!--<img src="img/icon_footer03.jpg" height="30" alt="上海市互联网举报平台">-->
            <!--</a>-->
            <!--<a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20111025095406671" target="_blank" rel="nofollow">-->
                <!--<img src="img/icon_footer02.png" width="30" alt="上海工商">-->
            <!--</a>-->
            <!--<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000116" target="_blank" rel="nofollow">-->
                <!--<img src="img/icon_footer01.png" height="30" alt="网络社会征信网">-->
                <!--<i class="record">沪公网安备31010402000116号</i>-->
            <!--</a>-->
            <!--<a target="_blank" href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">-->
                <!--沪ICP备06019413号-->
            <!--</a>-->
        <!--</div>-->
        <p class="webBottom"></p>
    </div>
</footer>
<!--悬浮框-->
<div class="suspension container-fluid outerBox">
    <div class="suspension-box">
        <a href="javascript:;" class="a a-service "><i class="fa fa-qq"></i></a>
        <a href="javascript:;" class="a a-service-phone "><i class="fa fa-phone"></i></a>
        <a href="javascript:;" class="a a-qrcode"><i class="fa fa-qrcode"></i></a>
        <a href="#" class="a a-cart"><i class="fa fa-comments-o"></i></a>
        <a href="javascript:;" class="a a-top"><i class="fa fa-hand-o-up"></i></a>
        <div class="d d-service">
            <i class="arrow"></i>
            <div class="inner-box">
                <div class="d-service-item clearfix">
                    <a href="#" class="clearfix">
                        <span class="circle"><i class="i-qq"></i></span>
                        <p id="sus-qq"></p>
                        <h3>咨询在线客服</h3>
                    </a>
                </div>
            </div>
        </div>
        <div class="d d-service-phone">
            <i class="arrow"></i>
            <div class="inner-box">
                <div class="d-service-item clearfix">
                    <span class="circle"><i class="i-tel"></i></span>
                    <div class="text">
                        <p>服务热线</p>
                        <p class="red number" id="sub-tel"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="d d-qrcode">
            <i class="arrow"></i>
            <div class="inner-box">
                <div id="qrcode-img" class="qrcode-img"><img src="img/side_ewm.jpg" alt=""></div>
                <p>微信服务号</p>
            </div>
        </div>

    </div>
</div>
<!-- 单段文字 -->
<div class="modal fade" id="editTxt" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#setting" data-toggle="tab">项目配置</a>
                    </li>
                    <li><a href="#cont" data-toggle="tab">单段文字</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="setting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="projectTitle" class="col-sm-2 control-label">项目标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="projectTitle" placeholder="请输入项目标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="projectSubTitle" class="col-sm-2 control-label">项目小标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="projectSubTitle" placeholder="请输入项目小标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="titleHide"> 不展示标题及小标题
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="mobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="cont">
                        <textarea id="editor" placeholder="请输入需要的内容……" autofocus></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveTxt">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 多条文章 -->
<div class="modal fade" id="editDisplayArticle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#ASetting" data-toggle="tab">项目配置</a>
                    </li>
                    <li><a href="#ACont" data-toggle="tab">文章列表</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="ASetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="AProjectTitle" class="col-sm-2 control-label">项目标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="AProjectTitle" placeholder="请输入项目标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="AProjectSubTitle" class="col-sm-2 control-label">项目小标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="AProjectSubTitle" placeholder="请输入项目小标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="ATitleHide"> 不展示标题及小标题
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="AMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="ACont">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">文章来源文件夹</label>
                                <div class="col-sm-10" id="articleFolderList">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="articleDisplayCount" class="col-sm-2 control-label">显示条目数量</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="articleDisplayCount" placeholder="请输入条目数量">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">文章配图</label>
                                <div class="col-sm-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="imgShowOrHide" value="1" checked> 显示
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="imgShowOrHide" value="0"> 不显示
                                    </label>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveDisplayArticle">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 文章modal -->
<div class="modal fade" id="editArticle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <i class="fa fa-folder" style="margin-right: 10px;"></i>
                    <span id="articleFolderName"></span>
                    <button class="pull-right btn btn-info" id="articleAdd">添加文章</button>
                </h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>标题</th>
                        <th>修改日期</th>
                    </tr>
                    </thead>
                    <tbody id="tbodyArticleList">

                    </tbody>
                </table>
                <div style="text-align: center;" id="articlePage">
                    <ul class="pagination" id="pagination">
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
        <div class="modal-content" style="display: none;">
            <div class="modal-header">
                <h4 class="modal-title">
                    <a href="javascript:;" class="articleBack">
                        <i class="fa fa-backward" style="margin-right: 10px;"></i>返回
                    </a>
                </h4>
            </div>
            <div class="modal-body" style="padding-bottom: 15px;">
                <div class="row">
                    <div class="col-md-9">
                        <div class="row">
                            <div class="col-md-12">
                                <form>
                                    <div class="form-group">
                                        <label for="articleTitle">标题</label>
                                        <input type="text" class="form-control" id="articleTitle" placeholder="请输入文章标题">
                                    </div>
                                    <div class="form-group">
                                        <label>内容</label>
                                        <textarea id="articleEditor"></textarea>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" style="background: #F0F0F0;">
                        <div class="row">
                            <div class="col-md-12">
                                <img id="postPic" src="/img/default.jpg" alt="" width="100%" height="100px;">
                            </div>
                        </div>
                        <div class="row" style="margin-top: 15px;">
                            <div class="col-md-12" style="text-align: center;margin-bottom: 10px;">
                                <span style="position: relative;cursor: pointer;">
                                    <input id="postUploader" type="file" name="pic" style="width: 69px;height: 16px;position: absolute;top: 0px;left: 0px;opacity: 0;">
                                    <i class="fa fa-upload">上传封面</i>
                                </span>
                            </div>
                            <div class="col-md-12" style="text-align: center;display: none;">
                                <a href="javascript:;">
                                    <i class="fa fa-cut">裁剪图片</i>
                                </a>
                            </div>
                        </div>
                        <div class="row article-btn">
                            <div class="col-md-12">
                                <span class="btn btn-default" style="position: relative;">
                                    <input id="picUploader" type="file" name="pic" style="width: 80px;height: 32px;position: absolute;top: 0px;left: 0px;opacity: 0;">
                                    插入图片
                                </span>
                            </div>
                            <div class="col-md-12">
                                <button class="btn btn-default" id="delArticle">删除文章</button>
                            </div>
                            <div class="col-md-12">
                                <button class="btn btn-info" id="addArticle">发表文章</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 单张图片 -->
<div class="modal fade" id="editPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body pic">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#psetting" data-toggle="tab">项目配置</a></li>
                    <li><a href="#pcontent" data-toggle="tab">单张图片</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="psetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="picMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade pcontent"  id="pcontent">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-3 control-label" style="margin-top:100px;">图片设置 * : </label>
                                <div class="col-sm-9">
                                    <div class="">
                                        <div class="image-wrapper">
                                            <img src="/img/default_004.jpg" width="300" height="200">
                                        </div>
                                        <div class="input-wrapper">
                                            <span class="btn btn-info btn-xs">
                                              <input type="file" name="pic" class="btn-uploadpic" style="cursor: pointer;height: 20px;left: 15px;opacity: 0;position: absolute;width: 35px;">
                                              <i class="icon-upload"></i> 上传
                                            </span>
                                            <button type="button" class="btn btn-info btn-xs btn-cutpic"> 裁剪</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">图片链接 : </label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="picLink" placeholder="请输入图片链接地址">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="savePic">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 多图轮播 -->
<div class="modal fade" id="editMultiPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body pic">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#m-psetting" data-toggle="tab">项目配置</a></li>
                    <li><a href="#m-pcontent" data-toggle="tab">多图轮播</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="m-psetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="multiPicMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">* 头图比例</label>
                                <div class="col-sm-10 dropdown-item">
                                    <select id="multiPicScale" style="width:150px;height: 32px;">
                                        <option value="3.2">默认</option>
                                        <option value="1.8">16:9</option>
                                        <option value="8">8:1</option>
                                        <option value="6">6:1</option>
                                        <option value="5">5:1</option>
                                        <option value="2.5">5:2</option>
                                        <option value="6.7">20:3</option>
                                        <option value="4">20:5</option>
                                        <option value="10">20:2</option>
                                    </select>
                                    <span>修改比例后，记得重新裁剪图片哦~</span>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade pcontent" id="m-pcontent">
                        <form class="form-horizontal">
                            <div class="col-sm-offset-2">网页头部展示轮播图推荐宽度960像素，高度500像素以内；且多张图片尺寸须保持一致</div>
                            <div class="col-sm-offset-2">
                                <button id="addMultiPic" type="button" class="btn btn-info btn-sm" style="margin-left:5px;"><i class="fa fa-plus"></i>添加新项目</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveMultiPic">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 多块媒体 -->
<div class="modal fade" id="editMedia" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body media">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#msetting" data-toggle="tab">项目配置</a>
                    </li>
                    <li><a href="#mcontent" data-toggle="tab">多块媒体</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="msetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="mediaTitle" placeholder="请输入项目标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目小标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="mediaSubTitle" placeholder="请输入项目小标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="mediaTitleHide"> 不展示标题及小标题
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="mediaMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade pcontent" id="mcontent">
                        <form class="form-horizontal">
                            <div class="col-sm-offset-2">
                                <button id="addMedia" type="button" class="btn btn-info btn-sm" style="margin-left:5px;"><i class="fa fa-plus"></i>添加图文</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveMedia">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 相册展示 -->
<div class="modal fade" id="editAlbum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#albumSetting" data-toggle="tab">项目配置</a>
                    </li>
                    <li><a href="#albumContent" data-toggle="tab">相册展示</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="albumSetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="albumTitle" placeholder="请输入项目标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目小标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="albumSubTitle" placeholder="请输入项目小标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="albumTitleHide"> 不展示标题及小标题
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="albumMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="albumContent">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">相册来源文件夹</label>
                                <div class="col-sm-10"></div>
                            </div>
                            <div class="form-group">
                                    <label class="col-sm-2 control-label">显示条目数量</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="albumDisplayCount" placeholder="请输入条目数量">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">图片标题</label>
                                <div class="col-sm-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="imgShowTitle" id="imgTitleShow" value="1" checked> 显示
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="imgShowTitle" id="imgTitleHide" value="2"> 不显示
                                    </label>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveAlbum">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 相册内容维护 -->
<div class="modal fade" id="editAlbumContent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="width:97%;float:left;">
                    <i class="fa fa-file-image-o fa-lg" style="margin-right: 10px;"></i>
                    <span id="albumContentTitle"></span>
                    <span id="albumContentAdd" class="pull-right btn btn-info btn-sm">
                        <input  type="file" name="pic" multiple style="cursor: pointer;height: 25px;left: 86%;opacity: 0;position: absolute;width: 70px;">
                        <i class="fa fa-plus"></i>添加图片
                    </span>
                    <!--<button  class="pull-right btn btn-info "><i class="fa fa-plus"></i>添加图片</button>-->
                </h4>
                <button class="close" type="button"  data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" style="padding: 10px 10px 15px 10px;">
                <div class="albumContent">
                    <div class="albumPictures">
                        <!--<div class="album-pic">
                            <img src="img/default_004.jpg">
                            <div class="title">伸缩门案例</div>
                        </div>
                        <div class="album-pic">
                            <img src="img/default_004.jpg">
                            <div class="title">伸缩门案例</div>
                        </div>-->
                    </div>
                    <div class="albumEditor">
                        <div class="tipPanel hidden">
                            <i class="fa fa-info-circle" aria-hidden="true"></i>
                            选中图片可以进行编辑
                        </div>
                        <div class="editorPanel">
                            <div class="pic-group">
                                <div class="image-wrapper">
                                    <img src="/img/default_004.jpg">
                                </div>
                                <div class="input-wrapper">
                                    <span id="albumContentEdit" class="btn btn-info btn-xs">
                                        <input type="file" name="pic" style="cursor: pointer;height: 20px;left: 82%;opacity: 0;position: absolute;width: 35px;">
                                        <i class="icon-upload"></i> 上传
                                    </span>
                                    <button type="button" class="btn btn-info btn-xs btn-cutpic"> 裁剪</button>
                                </div>
                            </div>
                            <div class="title-group">
                                <label class="control-label">图片标题</label>
                                <input required="required" class="form-control" type="text">
                            </div>
                            <div class="button-group">
                                <a class="btn btn-primary" id="albumContentSave">保存修改</a>
                                <a class="btn btn-default" id="albumContentDel">删除图片</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片裁剪-->
<div class="modal fade" id="cutPicModal" tabindex="-1" role="dialog" aria-labelledby="picCutModalLabel" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-body pic">
                <div class="cutpic">
                    <img id="currCutPic" src="/img/default_004.jpg"/>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">裁剪图片</button>
            </div>
        </div>
    </div>
</div>
<!--视频播放-->
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="padding: 10px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" style="padding: 5px;">
                <div class="videoPlayer">
                    <iframe height='550' width='100%' src='' frameborder=0 allowfullscreen='allowfullscreen'></iframe>
                </div>
            </div>
            <div class="modal-footer" style="padding: 5px;"></div>
        </div>
    </div>
</div>
<!-- 联系我们 -->
<div class="modal fade" id="editContact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#contactSetting" data-toggle="tab">项目配置</a>
                    </li>
                    <li><a href="#contactContent" data-toggle="tab">联系信息</a></li>
                </ul>
                <div class="tab-content" style="padding-top: 15px;">
                    <div class="tab-pane fade in active" id="contactSetting">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="contactTitle" placeholder="请输入项目标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">项目小标题</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="contactSubTitle" placeholder="请输入项目小标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactTitleHide"> 不展示标题及小标题
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactMobileHide"> 手机页面中隐藏本模块
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="contactContent">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">*联系方式</label>
                                <div class="col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactshowLinkman"> 显示联系人
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactShowMobile"> 显示手机号
                                        </label>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactShowAbstract"> 显示公司简介
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">*公司地址</label>
                                <div class="col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="contactShowAddress"> 显示地址
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="saveContact">保存并关闭</button>
            </div>
        </div>
    </div>
</div>
<!--设置-->
<div class="modal fade" id="webSetting" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">设置</h4>
            </div>
            <div class="modal-body">
                <div class="row webSettingItem">
                    <div class="col-md-12">
                        <h4 class="webSettingTitle">站点设置</h4>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">域名网址</h4>
                    </div>
                    <div class="col-md-6">
                        自定义网站域名（设定后不可更改)
                    </div>
                    <div class="col-md-6 text-right" id="webUrl"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                </div>
                <div class="row webSettingItem">
                    <div class="col-md-12">
                        <h4 class="webSettingTitle">网站背景设置</h4>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">顶部背景</h4>
                    </div>
                    <div class="col-md-12">
                        <form action="" role="form" class="form-inline">
                            <div class="form-group">
                                <label for="headBg">背景颜色：</label>
                                <input class="full" id="headBg"/>
                            </div>

                            <div class="form-group">
                                <label for="headBgRepeat">平铺方式：</label>
                                <select name="" id="headBgRepeat" class="form-control">
                                    <option value="repeat">默认</option>
                                    <option value="repeat-x">横行平铺</option>
                                    <option value="repeat-y">纵向平铺</option>
                                    <option value="no-repeat">不平铺</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="headBgPosition">图片位置：</label>
                                <select name="" id="headBgPosition" class="form-control">
                                    <option value="center left">左</option>
                                    <option value="top center">上</option>
                                    <option value="center right">右</option>
                                    <option value="bottom center">下</option>
                                    <option value="center center">中</option>
                                    <option value="top left">左上</option>
                                    <option value="bottom left">左下</option>
                                    <option value="top right">右上</option>
                                    <option value="bottom right">右下</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <p class="uploadBox">
                                    <input id="headBgUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">选图</a>
                                </p>
                            </div>
                        </form>
                        <div>
                            <label for="shareDesc">背景图片预览</label>
                            <div class="shareImg">
                                <img src="" alt="" id="headBgImg">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">底部背景</h4>
                    </div>
                    <div class="col-md-12">
                        <form action="" role="form" class="form-inline">
                            <div class="form-group">
                                <label for="footBg">背景颜色：</label>
                                <input class="full" id="footBg"/>
                            </div>

                            <div class="form-group">
                                <label for="footBgRepeat">平铺方式：</label>
                                <select name="" id="footBgRepeat" class="form-control">
                                    <option value="repeat">默认</option>
                                    <option value="repeat-x">横行平铺</option>
                                    <option value="repeat-y">纵向平铺</option>
                                    <option value="no-repeat">不平铺</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="footBgPosition">图片位置：</label>
                                <select name="" id="footBgPosition" class="form-control">
                                    <option value="center left">左</option>
                                    <option value="top center">上</option>
                                    <option value="center right">右</option>
                                    <option value="bottom center">下</option>
                                    <option value="center center">中</option>
                                    <option value="top left">左上</option>
                                    <option value="bottom left">左下</option>
                                    <option value="top right">右上</option>
                                    <option value="bottom right">右下</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <p class="uploadBox">
                                    <input id="footBgUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">选图</a>
                                </p>
                            </div>
                        </form>
                        <div>
                            <label for="shareDesc">背景图片预览</label>
                            <div class="shareImg">
                                <img src="" alt="" id="footBgImg">
                            </div>
                            <button class="btn btn-primary" style="margin-top:20px;" id="headFootBgSave">确定</button>
                        </div>
                    </div>
                </div>
                <div class="row webSettingItem">
                    <div class="col-md-12">
                        <h4 class="webSettingTitle">企业信息</h4>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">
                            公司别称
                            <a class="pull-right" data-toggle="modal" data-target="#comProEdit">修改企业信息<i class="fa fa-edit"></i></a>
                        </h4>
                    </div>
                    <div class="col-md-6">
                        替代公司名称显示于网站标题等位置
                    </div>
                    <div class="col-md-6 text-right" id="comName"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">
                            公司简介<span>*</span>
                            <a class="pull-right" href="javascript:;" data-toggle="collapse"
                               data-target="#comPro">查看</a>
                        </h4>
                    </div>
                    <div class="col-md-6">
                        公司简介信息，会展示于企业官网、展示区等位置
                    </div>
                    <div class="col-md-6 text-right">
                        已设置
                    </div>
                    <div class="col-md-12 collapse" id="comPro"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">公司地址<span>*</span></h4>
                    </div>
                    <div class="col-md-4">
                        企业注册的办公室地址
                    </div>
                    <div class="col-md-8 text-right" id="comAddress"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">联系人<span>*</span></h4>
                    </div>
                    <div class="col-md-6">
                        业务联络人
                    </div>
                    <div class="col-md-6 text-right" id="comContact"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="col-md-12">
                        <h4 class="webSettingItemTitle">联系电话<span>*</span></h4>
                    </div>
                    <div class="col-md-6">
                        主要的业务联络电话号码
                    </div>
                    <div class="col-md-6 text-right" id="comContactTel"></div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                </div>
                <div class="row webSettingItem">
                    <div class="col-md-12">
                        <h4 class="webSettingTitle">
                            SEO设置
                            <!--<div class="dropdown pull-right">-->
                                <!--<button type="button" class="btn btn-primary dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">默认-->
                                    <!--<span class="caret"></span>-->
                                <!--</button>-->
                                <!--<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">-->
                                    <!--<li role="presentation">-->
                                        <!--<a role="menuitem" tabindex="-1" href="#">首页</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <button id="SEOEdit" class="btn btn-info pull-right" style="margin-right:10px;">编辑</button>
                        </h4>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="SEOInfo">
                        <div class="col-md-12">
                            <h4 class="webSettingItemTitle">SEO标题</h4>
                        </div>
                        <div class="col-md-12" id="SEOTitleShow" style="height: 20px;"></div>
                        <div class="clearfix"></div>
                        <div class="divider"></div>
                        <div class="col-md-12">
                            <h4 class="webSettingItemTitle">SEO关键字</h4>
                        </div>
                        <div class="col-md-12" id="SEOKeyShow" style="height: 20px;"></div>
                        <div class="clearfix"></div>
                        <div class="divider"></div>
                        <div class="col-md-12">
                            <h4 class="webSettingItemTitle">SEO描述</h4>
                        </div>
                        <div class="col-md-12" id="SEODescShow" style="height: 20px;"></div>
                    </div>
                    <div class="SEOInfoEdit hidden">
                        <div class="col-md-12">
                            <form role="form">
                                <div class="form-group">
                                    <label for="SEOTitle">SEO标题</label>
                                    <input type="text" class="form-control" id="SEOTitle" placeholder="请输入标题">
                                </div>
                                <div class="form-group">
                                    <label for="SEODesc">SEO关键字</label>
                                    <input type="text" class="form-control" id="SEOKey" placeholder="请输入关键字">
                                </div>
                                <div class="form-group">
                                    <label for="SEODesc">SEO描述</label>
                                    <input type="text" class="form-control" id="SEODesc" placeholder="请输入描述">
                                </div>
                                <button id="SEOInfoSave" type="button" class="btn btn-primary">确认</button>
                                <button id="SEOEditBack" type="button" class="btn btn-default">取消</button>
                            </form>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                </div>
                <div class="row webSettingItem">
                    <div class="col-md-12">
                        <h4 class="webSettingTitle">
                            网站分享
                            <a id="shareEdit" href="javascript:;" class="pull-right">编辑<i class="fa fa-edit"></i></a>
                        </h4>
                    </div>
                    <div class="clearfix"></div>
                    <div class="divider"></div>
                    <div class="shareInfoShow">
                        <div class="col-md-12">
                            <h4 class="webSettingItemTitle">标题</h4>
                        </div>
                        <div class="col-md-12" id="shareTitleShow" style="height: 20px;"></div>
                        <div class="clearfix"></div>
                        <div class="divider"></div>
                        <div class="col-md-12">
                            <h4 class="webSettingItemTitle">描述</h4>
                        </div>
                        <div class="col-md-12" id="shareDescShow" style="height: 20px;"></div>
                    </div>
                    <div class="col-md-12">
                        <form role="form">
                            <div class="form-group shareInfoEdit hidden">
                                <label for="shareTitle">标题</label>
                                <input type="text" class="form-control" id="shareTitle" placeholder="请输入名称">
                            </div>
                            <div class="form-group shareInfoEdit hidden">
                                <label for="shareDesc">描述</label>
                                <input type="text" class="form-control" id="shareDesc" placeholder="请输入名称">
                            </div>
                            <div class="form-group">
                                <label for="shareDesc">描述</label>
                                <div class="shareImg">
                                    <img src="" alt="" id="shareImg">
                                </div>
                                <span style="position: relative;cursor: pointer;">
                                    <input id="shareUploader" type="file" name="pic" style="width: 69px;height: 16px;position: absolute;top: 0px;left: 0px;opacity: 0;">
                                    <i class="fa fa-upload">上传图片</i>
                                </span>
                            </div>
                            <button id="shareSave" type="button" class="btn btn-primary shareInfoEdit hidden">确认</button>
                            <button id="shareEditBack" type="button" class="btn btn-default shareInfoEdit hidden">取消</button>
                        </form>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>
<!--企业信息编辑-->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" id="comProEdit">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">企业信息</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="companyName" class="col-sm-2 control-label">*公司别名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="companyName" placeholder="请输入公司别名">
                            <span class="help-block">(替代公司名称显示于网站标题等位置)</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="companyAddress" class="col-sm-2 control-label">*公司地址</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="companyAddress" placeholder="请输入公司地址">
                            <span class="help-block">(企业注册的办公室地址)</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="companyContact" class="col-sm-2 control-label">*联系人</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="companyContact" placeholder="请输入联系人">
                            <span class="help-block">(业务联络人)</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="companyContactTel" class="col-sm-2 control-label">*联系电话</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="companyContactTel" placeholder="请输入联系人电话">
                            <span class="help-block">(主要的业务联络电话号码)</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="companyIntro" class="col-sm-2 control-label">*公司简介</label>
                        <div class="col-sm-10">
                            <textarea name="" id="companyIntro" rows="10" class="form-control"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="companyInfoSave">保存</button>
            </div>
        </div>
    </div>
</div>
<!--Top setting-->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" id="topSetting">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Top设置</h4>
            </div>
            <div class="modal-body" style="max-height: 600px;overflow: auto;">
                <div class="row">
                    <div class="col-md-12">
                        <ul id="" class="nav nav-tabs">
                            <li class="active"><a href="#navLine" data-toggle="tab">导航链接</a></li>
                            <li><a href="#TOP1" data-toggle="tab">TOP-1</a></li>
                            <li><a href="#TOP2" data-toggle="tab">TOP-2</a></li>
                            <li><a href="#TOP3" data-toggle="tab">TOP-3</a></li>
                        </ul>
                        <div id="myTabContent" class="tab-content" style="margin-top: 15px;">
                            <div class="tab-pane fade in active" id="navLine">
                                <div class="row">
                                    <div class="col-md-2 text-right" style="line-height:34px;">官网名称</div>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="请输入官网名称" id="webName">
                                    </div>
                                </div>
                                <div class="row" style="margin-top:15px;">
                                    <div class="col-md-2 text-right" style="line-height:34px;">官网地址</div>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="请输入官网地址" id="webPath">
                                    </div>
                                </div>
                                <div class="row" style="margin-top:15px;">
                                    <div class="col-md-2 text-right" style="line-height: 40px;">链接设置</div>
                                    <div class="col-md-10">
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                            <tr>
                                                <th>链接名称</th>
                                                <th>链接地址</th>
                                            </tr>
                                            </thead>
                                            <tbody id="webLinkList">
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="TOP1">
                                <div class="row">
                                    <div class="col-md-2 text-right" style="line-height:34px;">TOP-1标题</div>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control topName" placeholder="请输入标题名称">
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 15px;margin-bottom: 15px;">
                                    <div class="col-md-2 text-right" style="line-height:34px;">背景颜色</div>
                                    <div class="col-md-10">
                                        <input class="full"/>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">图片链接</div>
                                    <div class="col-md-10">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-1" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input type="text" class="form-control" id="topPicName1-1">
                                                        <h5>大图链接地址</h5>
                                                        <input type="text" class="form-control" id="topPicUrl1-1">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-2" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName1-2" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl1-2" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-3" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName1-3" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl1-3" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-2">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-4" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input id="topPicName1-4" type="text" class="form-control">
                                                        <h5>大图链接地址</h5>
                                                        <input id="topPicUrl1-4" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-5" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName1-5" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl1-5" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic1-6" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName1-6" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl1-6" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="TOP2">
                                <div class="row">
                                    <div class="col-md-2 text-right" style="line-height:34px;">TOP-2标题</div>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control topName" placeholder="请输入标题名称">
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 15px;margin-bottom: 15px;">
                                    <div class="col-md-2 text-right" style="line-height:34px;">背景颜色</div>
                                    <div class="col-md-10">
                                        <input class="full"/>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 text-right">图片链接</div>
                                    <div class="col-md-10">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-1" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input id="topPicName2-1" type="text" class="form-control">
                                                        <h5>大图链接地址</h5>
                                                        <input id="topPicUrl2-1" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-2" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName2-2" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl2-2" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-3" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName2-3" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl2-3" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-2">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-4" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input id="topPicName2-4" type="text" class="form-control">
                                                        <h5>大图链接地址</h5>
                                                        <input id="topPicUrl2-4" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-5" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName2-5" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl2-5" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic2-6" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName2-6" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl2-6" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="TOP3">
                                <div class="row">
                                    <div class="col-md-2 text-right" style="line-height:34px;">TOP-3标题</div>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control topName" placeholder="请输入标题名称">
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 15px;margin-bottom: 15px;">
                                    <div class="col-md-2 text-right" style="line-height:34px;">背景颜色</div>
                                    <div class="col-md-10">
                                        <input class="full"/>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">图片链接</div>
                                    <div class="col-md-10">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-1" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input id="topPicName3-1" type="text" class="form-control">
                                                        <h5>大图链接地址</h5>
                                                        <input id="topPicUrl3-1" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-2" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName3-2" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl3-2" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-3" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName3-3" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl3-3" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-2">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-4" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>大图链接名称</h5>
                                                        <input id="topPicName3-4" type="text" class="form-control">
                                                        <h5>大图链接地址</h5>
                                                        <input id="topPicUrl3-4" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-5" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName3-5" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl3-5" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="thumbnail">
                                                    <div class="topImg">
                                                        <img id="topPic3-6" src="/img/default_004.jpg" alt="">
                                                    </div>
                                                    <div class="caption">
                                                        <h5>小图链接名称</h5>
                                                        <input id="topPicName3-6" type="text" class="form-control">
                                                        <h5>小图链接地址</h5>
                                                        <input id="topPicUrl3-6" type="text" class="form-control">
                                                        <p class="uploadBox">
                                                            <input class="topPicUploader" type="file" name="pic" />
                                                            <a href="#" class="btn btn-primary" role="button">上传</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="saveTop" type="button" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>
<!--悬浮框弹窗-->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" id="suspension">
    <div class="modal-dialog" role="document" style="width: 600px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">悬浮框设置</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#bgColor" data-toggle="tab">背景颜色</a></li>
                            <li><a href="#qq" data-toggle="tab">QQ</a></li>
                            <li><a href="#webChat" data-toggle="tab">微信</a></li>
                            <li><a href="#message" data-toggle="tab">在线留言</a></li>
                        </ul>
                        <div class="tab-content" style="margin-top: 15px;margin-bottom: 15px;">
                            <div class="tab-pane fade in active" id="bgColor">
                                <div class="row">
                                    <div class="col-md-2 col-sm-2 text-right" style="line-height: 34px;">背景颜色</div>
                                    <div class="col-md-10 col-sm-10" >
                                        <input class="full" id="customBg"/>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="qq">
                                <div class="row" style="margin-bottom: 15px;">
                                    <div class="col-md-2 col-sm-2 text-right" style="line-height: 34px;">客服名称</div>
                                    <div class="col-md-10 col-sm-10">
                                        <input type="text" class="form-control" placeholder="请输入客服名称" id="customName">
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom: 15px;">
                                    <div class="col-md-2 col-sm-2 text-right" style="line-height: 34px;">QQ号码</div>
                                    <div class="col-md-10 col-sm-10">
                                        <input type="text" class="form-control" placeholder="请输入QQ号码" id="qqNumber">
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="webChat">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12">
                                        <div style="width: 200px;height: 200px;margin-bottom: 15px;background: #eeeeee;padding: 15px;z-index: 10;">
                                            <img id="qrcodeImg" src="/img/side_ewm.jpg" alt="" width="100%" height="100%" style="max-height: 100%;max-width: 100%;">
                                        </div>
                                        <span style="position: relative;display: inline-block;width: 96px;height: 34px;">
                                            <input id="qrcodeUploader" type="file" name="pic" style="width: 96px;height: 34px;position: absolute;top: 0px;left: 0px;opacity: 0;z-index:1;">
                                            <button class="btn btn-primary" style="position: absolute">上传二维码</button>
                                        </span>

                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="message">
                                <div class="row">
                                    <div class="col-sm-12 col-md-12">
                                        <form>
                                            <div class="checkbox">
                                                <label>
                                                    <input type="checkbox" id="enableMessage"> 是否开启自动留言
                                                </label>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="customServiceSave">提交</button>
            </div>
        </div>
    </div>
</div>
<!--页面全屏轮播设置-->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" id="fullCarouse">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">全屏轮播设置</h4>
            </div>
            <div class="modal-body" style="max-height: 600px;overflow: auto;">
                <div class="row">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <div class="topImg">
                                <img id="fullImg1" src="/img/default_004.jpg" alt="">
                            </div>
                            <div class="caption">
                                <h5>大图链接名称</h5>
                                <input type="text" class="form-control" id="fullLink1">
                                <p class="uploadBox">
                                    <input class="topPicUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">上传</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <div class="topImg">
                                <img id="fullImg2" src="/img/default_004.jpg" alt="">
                            </div>
                            <div class="caption">
                                <h5>小图链接名称</h5>
                                <input id="fullLink2" type="text" class="form-control">
                                <p class="uploadBox">
                                    <input class="topPicUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">上传</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <div class="topImg">
                                <img id="fullImg3" src="/img/default_004.jpg" alt="">
                            </div>
                            <div class="caption">
                                <h5>小图链接名称</h5>
                                <input id="fullLink3" type="text" class="form-control">
                                <p class="uploadBox">
                                    <input class="topPicUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">上传</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <div class="topImg">
                                <img id="fullImg4" src="/img/default_004.jpg" alt="">
                            </div>
                            <div class="caption">
                                <h5>小图链接名称</h5>
                                <input id="fullLink4" type="text" class="form-control">
                                <p class="uploadBox">
                                    <input class="topPicUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">上传</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <div class="topImg">
                                <img id="fullImg5" src="/img/default_004.jpg" alt="">
                            </div>
                            <div class="caption">
                                <h5>小图链接名称</h5>
                                <input id="fullLink5" type="text" class="form-control">
                                <p class="uploadBox">
                                    <input class="topPicUploader" type="file" name="pic" />
                                    <a href="#" class="btn btn-primary" role="button">上传</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="saveFullImg" type="button" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>
<script>
    scrollTxt();
    /* ----- 侧边悬浮 ---- */
    $(document).on("mouseenter", ".suspension .a", function(){
        var _this = $(this);
        var s = $(".suspension");
        var isService = _this.hasClass("a-service");
        var isServicePhone = _this.hasClass("a-service-phone");
        var isQrcode = _this.hasClass("a-qrcode");
        if(isService){ s.find(".d-service").show().siblings(".d").hide();}
        if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
        if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
    });
    $(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
        $(".suspension").find(".d").hide();
    });
    $(document).on("mouseenter", ".suspension .a-top", function(){
        $(".suspension").find(".d").hide();
    });
    $(document).on("click", ".suspension .a-top", function(){
        $("html,body").animate({scrollTop: 0});
    });
    $(window).scroll(function(){
        var st = $(document).scrollTop();
        var $top = $(".suspension .a-top");
        if(st > 400){
            $top.css({display: 'block'});
        }else{
            if ($top.is(":visible")) {
                $top.hide();
            }
        }
    });
</script>
</body>
</html>